<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>XX歌单-歌单-网易云音乐</title>
    <link rel="stylesheet" href="./playlist.css" />
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="./playlist.js" defer></script>
  </head>
  <body>
    <div class="g-bd" id="m-disc-pl-c">
      <div class="g-wrap p-pl f-pr">
        <div class="u-title f-cb">
          <h3>
            <span class="f-ff2 d-flag">全部</span>
            <a
              href="javascript:;"
              class="u-btn2 u-btn2-1 menu d-flag"
              id="cateToggleLink"
              ><i>选择分类<em class="u-icn u-icn-38"></em></i
            ></a>
          </h3>
          <div class="u-btn f-fr u-btn-hot d-flag">
            <a href="/discover/playlist/?order=hot" class="a1" data-order="hot"
              >热门</a
            >
          </div>
        </div>
        <div id="cateListBox" class="n-sltlyr d-flag" style="left: 0">
          <div class="hd"><i class="icn"></i></div>
          <div class="bd">
            <h3>
              <a
                href="javascript:;"
                class="j-flag u-btn u-btn-g s-fc1"
                data-cat="全部"
                >全部风格</a
              >
            </h3>
            <dl class="f-cb">
              <dt><i class="u-icn u-icn-71"></i></dt>
              <dd></dd>
            </dl>
            <dl class="f-cb">
              <dt><i class="u-icn u-icn-6"></i></dt>
              <dd></dd>
            </dl>
            <dl class="f-cb">
              <dt><i class="u-icn u-icn-7"></i></dt>
              <dd></dd>
            </dl>
            <dl class="f-cb">
              <dt><i class="u-icn u-icn-8"></i></dt>
              <dd></dd>
            </dl>
            <dl class="f-cb">
              <dt><i class="u-icn u-icn-9"></i></dt>
              <dd class="last"></dd>
            </dl>
          </div>
          <div class="ft"></div>
        </div>
        <ul class="m-cvrlst f-cb" id="m-pl-container">
          <!-- <li>
            <div class="u-cover u-cover-1">
              <img
                class="j-flag"
                src="http://p2.music.126.net/QunVEzzocr8xXzXSgnoGuw==/109951167471450153.jpg?param=140y140"
              />
              <a
                title="助眠纯音|静心降燥 告别烦恼 梦中星河淌过"
                href="/playlist?id=7451656722"
                class="msk"
              ></a>
              <div class="bottom">
                <a
                  class="icon-play f-fr"
                  title="播放"
                  href="javascript:;"
                  data-res-type="13"
                  data-res-id="7451656722"
                  data-res-action="play"
                ></a>
                <span class="icon-headset"></span>
                <span class="nb">14万</span>
              </div>
            </div>
            <p class="dec">
              <a
                title="助眠纯音|静心降燥 告别烦恼 梦中星河淌过"
                href="/playlist?id=7451656722"
                class="tit f-thide s-fc0"
                >助眠纯音|静心降燥 告别烦恼 梦中星河淌过</a
              >
            </p>
            <p>
              <span class="s-fc4">by</span>
              <a
                title="-领头羊-"
                href="/user/home?id=5119171166"
                class="nm nm-icn f-thide s-fc3"
                >-领头羊-</a
              >
              <img
                style="
                  height: 13px;
                  width: 13px;
                  display: inline-block;
                  vertical-align: middle;
                "
                src="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4761340149/f4bf/64a1/1ea2/31a08617d7dfddb21fffdb92390ce268.png"
              />
            </p>
          </li> -->
        </ul>
        <div id="m-pl-pager">
          <div class="u-page">
            <a href="javascript:void(0)" class="zbtn zprv js-disabled"
              >上一页</a
            >
            <a
              href="javascript:void(0)"
              class="zpgi js-selected"
              id="zpgi_first"
              >1</a
            >
            <a href="javascript:void(0)" class="zpgi">2</a>
            <a href="javascript:void(0)" class="zpgi">3</a>
            <a href="javascript:void(0)" class="zpgi">4</a>
            <a href="javascript:void(0)" class="zpgi">5</a>
            <a href="javascript:void(0)" class="zpgi">6</a>
            <a href="javascript:void(0)" class="zpgi">7</a>
            <a href="javascript:void(0)" class="zpgi">8</a>
            <span class="zdot">...</span>
            <a href="javascript:void(0)" class="zpgi" id="zpgi_last"></a>
            <a href="javascript:void(0)" class="zbtn znxt">下一页</a>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
